<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
	</head>

	<body>
		<div id="app">
			<h1 v-if="flag"> v-if</h1>
			<h1 v-show="flag"> v-show</h1>
			<hr />
			<h1 v-if="money >=100"> 金箔肠粉 </h1>
			<h1 v-else-if="money>=50"> 鲍鱼炒粉 </h1>
			<h1 v-else>喝白粥</h1>
			<!-- 注意使用v-else时候,可不写属性的值,但是v-else就需要紧贴上面v-if 或者v-else-if -->
		</div>
		<script>
			var vm = new Vue({
				el: "#app",
				data: {
					money: 100,
					flag:true
				}
			})
		</script>
	</body>

</html>